<template>
<div :class="['et-mask', {'et-is-visible': visible}]">
  <div class="sk-circle">
    <div v-for="i in (1, 12)" :class="`sk-circle${i} sk-child`"></div>
  </div>
</div>
</template>

<script>
export default {
  props: {
    visible: {
      type: Boolean
    }
  }
};
</script>
